<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="color-scheme" content="light dark" />
    <title>PaperInsight — AI Research Papers</title>
    <meta name="description" content="关注 GNN、CV、RNN 的 AI 论文阅读与整理工具，通过大模型进行深度解析与知识提取。" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet" />
    <link rel="stylesheet" href="./styles.css" />
  </head>
  <body>
    <!-- Header / Navigation -->
    <header class="site-header">
      <div class="container nav">
        <a class="brand" href="#home" aria-label="PaperInsight 首页">
          <div class="brand-mark">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" aria-hidden="true">
              <defs>
                <linearGradient id="g1" x1="0" y1="0" x2="24" y2="24" gradientUnits="userSpaceOnUse">
                  <stop stop-color="#8A5AE6"/>
                  <stop offset="1" stop-color="#5B3CC4"/>
                </linearGradient>
              </defs>
              <rect x="3" y="3" width="18" height="18" rx="4" fill="url(#g1)" opacity="0.9"/>
              <path d="M8 9h8M8 12h8M8 15h5" stroke="white" stroke-width="1.6" stroke-linecap="round"/>
            </svg>
          </div>
          <div class="brand-text">
            <span class="brand-title">PaperInsight</span>
            <span class="brand-sub">AI Research Papers</span>
          </div>
        </a>
        <nav class="menu" aria-label="主导航">
          <a href="./index.html#home">首页</a>
          <a href="./collections.html">论文合集</a>
          <a href="./about.html">关于</a>
        </nav>
      </div>
    </header>

    <main id="home">
      <!-- Hero / Core Intro -->
      <section class="hero">
        <div class="hero-bg" aria-hidden="true"></div>
        <div class="container hero-content">
          <h1>欢迎来到 PaperInsight!</h1>
          <p class="tagline">赛博牛马-LLM · 聚焦 GNN / CV / RNN 的论文深读与知识脉络</p>
          <p class="intro">我们利用大语言模型对前沿研究进行结构化解析与知识图谱抽取，帮助你快速掌握算法精髓与演进路线。</p>

          <!-- Stats Cards -->
          <div class="stats">
            <div class="stat-card">
              <div class="stat-number" data-count-to="128" id="stat-papers">0</div>
              <div class="stat-label">论文总数</div>
            </div>
            <div class="stat-card">
              <div class="stat-number" data-count-to="3" id="stat-categories">0</div>
              <div class="stat-label">分类</div>
            </div>
            <div class="stat-card">
              <div class="stat-number" data-count-to="42" id="stat-tags">0</div>
              <div class="stat-label">标签量</div>
            </div>
          </div>
        </div>
      </section>

      <!-- About the blog birth -->
      <section id="about" class="section">
        <div class="container">
          <h2>关于这个博客的诞生</h2>
          <div class="triplet">
            <div class="triple-item">
              <div class="icon">
                <!-- spark icon -->
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                  <path d="M12 3l1.6 3.6L17 8.2l-3 2.7.7 4.1-3.7-1.9-3.7 1.9.7-4.1-3-2.7 3.4-1.6L12 3z" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round" />
                </svg>
              </div>
              <h3>灵感来源</h3>
              <p>受 PaperCache 等社区项目启发，结合 LLM 做论文知识抽取与脉络重建。</p>
            </div>
            <div class="triple-item">
              <div class="icon">
                <!-- target icon -->
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                  <circle cx="12" cy="12" r="7" stroke="currentColor" stroke-width="1.5"/>
                  <circle cx="12" cy="12" r="3" stroke="currentColor" stroke-width="1.5"/>
                  <path d="M12 5V3M19 12h2M12 21v-2M3 12h2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
                </svg>
              </div>
              <h3>我们的目标</h3>
              <p>构建可检索、可追踪的领域知识图谱与演进年表，降低入门与追踪成本。</p>
            </div>
            <div class="triple-item">
              <div class="icon">
                <!-- users icon -->
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                  <path d="M16.5 7.5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zM3 19a6 6 0 0118 0v1H3v-1z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
              </div>
              <h3>共同成长</h3>
              <p>欢迎 PR / Issue / 投稿，共建高质量论文解读库，一起拓展边界。</p>
            </div>
          </div>
        </div>
      </section>

      <!-- Collections / Topics -->
      <section id="collections" class="section section-alt">
        <div class="container">
          <h2>专题模块</h2>
          <div class="cards">
            <article class="card">
              <div class="card-head">
                <!-- neural network icon -->
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                  <circle cx="6" cy="6" r="2" fill="currentColor"/>
                  <circle cx="18" cy="6" r="2" fill="currentColor"/>
                  <circle cx="6" cy="18" r="2" fill="currentColor"/>
                  <circle cx="18" cy="18" r="2" fill="currentColor"/>
                  <circle cx="12" cy="12" r="2" fill="currentColor"/>
                  <path d="M8 6h8M6 8v8M18 8v8M8 18h8M8 8l4 4m0 0 4-4m-4 4 4 4m-4-4-4 4" stroke="currentColor" stroke-width="1.2"/>
                </svg>
                <h3>GNN · 图神经网络</h3>
              </div>
              <p>关注图结构数据上的表征学习与推理：消息传递、图注意力、可扩展训练与图对比学习等。</p>
              <div class="card-actions">
                <a class="btn" href="#" aria-label="探索更多 GNN">探索更多</a>
                <a class="btn btn-ghost" href="#" aria-label="查看 GNN 最新文章">查看最新文章</a>
              </div>
            </article>

            <article class="card">
              <div class="card-head">
                <!-- vision icon -->
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                  <path d="M2 12s4-6 10-6 10 6 10 6-4 6-10 6S2 12 2 12z" stroke="currentColor" stroke-width="1.5"/>
                  <circle cx="12" cy="12" r="3" stroke="currentColor" stroke-width="1.5"/>
                </svg>
                <h3>CV · 计算机视觉</h3>
              </div>
              <p>从卷积到视觉 Transformer、扩散与多模态，覆盖检测、分割、生成与评测等核心主题。</p>
              <div class="card-actions">
                <a class="btn" href="#" aria-label="探索更多 CV">探索更多</a>
                <a class="btn btn-ghost" href="#" aria-label="查看 CV 最新文章">查看最新文章</a>
              </div>
            </article>

            <article class="card">
              <div class="card-head">
                <!-- chip icon -->
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                  <rect x="7" y="7" width="10" height="10" rx="2" stroke="currentColor" stroke-width="1.5"/>
                  <path d="M9 1v4M15 1v4M9 19v4M15 19v4M1 9h4M1 15h4M19 9h4M19 15h4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
                </svg>
                <h3>RNN · 时序模型</h3>
              </div>
              <p>经典 RNN/LSTM/GRU 到现代序列建模与混合结构，强调可解释性、长依赖与时间预测。</p>
              <div class="card-actions">
                <a class="btn" href="#" aria-label="探索更多 RNN">探索更多</a>
                <a class="btn btn-ghost" href="#" aria-label="查看 RNN 最新文章">查看最新文章</a>
              </div>
            </article>
          </div>
        </div>
      </section>

      <!-- Latest Updates -->
      <section id="updates" class="section">
        <div class="container">
          <h2>最新动态</h2>

          <div class="timeline">
            <div class="tl-item">
              <div class="tl-date">2025-10</div>
              <div class="tl-content">
                <a href="#" class="tl-title">整理：2025 年 GNN 方向代表性工作与趋势观察</a>
                <p class="tl-desc">补充消息传递效率与大规模图采样实战记录。</p>
              </div>
            </div>
            <div class="tl-item">
              <div class="tl-date">2025-09</div>
              <div class="tl-content">
                <a href="#" class="tl-title">评测：视觉多模态基座在零样本分割上的表现</a>
                <p class="tl-desc">构建统一评测清单，打通数据与指标口径。</p>
              </div>
            </div>
            <div class="tl-item">
              <div class="tl-date">2025-08</div>
              <div class="tl-content">
                <a href="#" class="tl-title">笔记：长序列建模中的记忆与压缩</a>
                <p class="tl-desc">对比 RNN/Transformer 混合结构在时间预测任务中的权衡。</p>
              </div>
            </div>
            <div class="tl-item">
              <div class="tl-date">2025-07</div>
              <div class="tl-content">
                <a href="#" class="tl-title">上线：PaperInsight v0.1 站点原型</a>
                <p class="tl-desc">完成首页搭建与风格统一，开放专题页骨架。</p>
              </div>
            </div>
          </div>

          <div class="cta-more">
            <div class="cta-copy">
              <h3>探索更多精彩内容</h3>
              <p>进入论文库，按专题与时间线快速检索与浏览。</p>
            </div>
            <div class="cta-action">
              <a class="btn btn-lg" href="#" aria-label="查看所有论文">查看所有论文</a>
            </div>
          </div>
        </div>
      </section>
    </main>

    <footer class="site-footer">
      <div class="container footer-grid">
        <div class="foot-left">
          <p>© 2025 PaperInsight · 静态站点 · HTML / CSS / JS</p>
          <p>建议浏览器：Chromium / Firefox / Safari</p>
        </div>
        <div class="foot-right">
          <div class="badge" title="总访问量">
            <span class="badge-dot" aria-hidden="true"></span>
            总访问量：<strong id="badge-views">12,345</strong>
          </div>
          <div class="badge" title="独立访客">
            <span class="badge-dot" aria-hidden="true"></span>
            独立访客：<strong id="badge-uv">3,210</strong>
          </div>
        </div>
      </div>
    </footer>

    <script src="./script.js"></script>
  </body>
</html>
